<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>科大教育————班级详情</title>
		<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/homepage.css" />
		<link rel="stylesheet" type="text/css" href="../css/course-content.css" />
		<link rel="stylesheet" type="text/css" href="../css/abroad.css" />
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="../js/jquery-3.4.1.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="../bootstrap/js/bootstrap.min.js"></script>
	</head>
	<body>
		<div id="content" class="container" style=" padding-top: 40px;">
			<p class="head-p">
				班级&nbsp;
				A-LEVEL&nbsp;
				青岛14秋季班&nbsp;
			</p>

			<!-- 第一行 -->
			<div class="row lesson ">
				<div class="col-lg-7 col-md-6  col-xs-12 lesson-live"></div>
				<div class="col-lg-5 col-md-6 col-xs-12 lesson-other">
					<p class="lesson-title" style="padding-bottom: 0px;">青岛14秋季班</p>
					<div class="fivestar col-xs-12" style="margin-top: 30px;">
						<img class="lesson-star" src="../img/ic_star2.png">
						<img class="lesson-star" src="../img/ic_star2.png">
						<img class="lesson-star" src="../img/ic_star2.png">
						<img class="lesson-star" src="../img/ic_star2.png">
						<img class="lesson-star" src="../img/ic_star2.png">
					</div>
					<p class="col-xs-12" style="font-size: 18px;color: #BBBBBB;text-align: center; line-height: 60px;">0 位同学给出了优质的评价</p>
					<p style="color: #999999; font-size: 18px; margin-left:20px;">价格
						<span style="color: #00925D; font-size: 24px; ">免费</span>
					</p>
					<div class="course-intorduce-serve">
						<span style="font-size: 18px;color: #999999;">承诺服务</span>
						<div class="introduce-service">
							<span>练</span>
						</div>
						<div class="introduce-service">
							<span>式</span>
						</div>
						<div class="introduce-service">
							<span>问</span>
						</div>
						<div class="introduce-service">
							<span>动</span>
						</div>
						<div class="introduce-service">
							<span>疑</span>
						</div>
						<div class="introduce-service">
							<span>业</span>
						</div>
					</div>
					<div class="button-group">
						<button type="button" class="btn-collect"><a href="##">进去逛逛</a></button>
						<button type="button" class="btn-join"><a href="##">加入购买</a></button>
					</div>
					<br />
					<br />
					<div class="lesson-footer"style="margin-top: 0px;">
						<p style="color: #999999;">课程&nbsp;&nbsp;<span style="color: #333333;">3</span></p>
						<p style="color: #999999;">学员&nbsp;&nbsp;<span style="color: #333333;">13</span></p>
						<div style="width: 30%;"></div>
						<a href=""><img src="../img/ic_share.png" class="lesson-share"></a>
						<span>分享</span>
						&nbsp;&nbsp;&nbsp;
						<a href="##"><img src="../img/ic_Qrcode.png" class="lesson-share"></a>
						<span>二维码</span>
					</div>
				</div>
			</div>
			<br />
			<!-- 第二行 -->
			<div class="row">
				<div class="col-xs-10">
					<div class="row" style="background-color: #FFFFFF ;">
						<ul class="nav navbar-nav lesson-nav">
							<li><a href="##" style="background-color: #00925D; color: #FFFFFF;">介绍</a></li>
							<li><a href="##">课时</a></li>
							<li><a href="##">评价（7）</a></li>
							<li><a href="##">笔记（3）</a></li>
							<li><a href="##">讨论区</a></li>
							<li><a href="##">资料区</a></li>
						</ul>
					</div>
					<div style="border-bottom: 1px dashed #666666;"></div>
					<div class="row introduce-content">
						<br />
						<p>学习形式</p>
						<span>
							标准的课程包括数学，进阶数学，物理/化学/会计三选一，其他课程为收费课程，采用全日制教学方式经行学习，标准课程归入时间可能在1.5年完成。
						</span>
						<br />
						<br />
						<p>课程优势</p>
						<span>
							1.入学门槛相对较低，教学水平保质保量。学生可以按部就班的进行多学科学习。
							<br />
							2.课程内含雅思教学，兼顾学术教程和语言教程的学习。
							<br />
							3.成绩优异学生可转入一年制精品班进行下一步学习。
							<br />
							4.给国内成绩一般学生提供了跳向世界名校的最佳途径。
						</span>
						<br />
						<br />
						<p>课程特色</p>
						<span>
							1.入学门槛低，师资质量高。
							<br />
							2.含雅思课程，学术和语言成绩双保障。
							<br />
							3.适于成绩一般想进入名校的学生。
						</span>
					</div>
					<br />
					<!-- 第三行 -->
					<div class="row" style="background-color: #FFFFFF;">
						<div style="padding: 35px 0;">
							<div class="col-xs-7 col-xs-offset-1">
								<span style="color: #999999;">教授讲师</span>
							</div>
							<div class="col-xs-4">
								<span style="color: #999999;">最新学员</span>
							</div>
						</div>
						<div style="border: 1px solid #F0F0F0;"></div>
						<ul class="course-intorduce-footer" style="list-style: none; height: 115px; padding: 35px 50px;">
							<li style="font-size: 16px;color: #999999;margin-left: 30px;margin-top: 20px;">该培诺班级尚未设置班主任</li>
							<li style="width: 60%;">
								<div class="abroad-circle" style="justify-content: space-around;">
									<div class="" style="height: 60px; width: 60px; border-radius: 50%; background-color: #7F7F7F;"></div>
									<div class="" style="height: 60px; width: 60px; border-radius: 50%; background-color: #7F7F7F;"></div>
									<div class="" style="height: 60px; width: 60px; border-radius: 50%; background-color: #7F7F7F;"></div>
									<div class="" style="height: 60px; width: 60px; border-radius: 50%; background-color: #7F7F7F;"></div>
									<div class="" style="height: 60px; width: 60px; border-radius: 50%; ">
										<img src="../img/ic_circle4.png" height="60px" width="60px">
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-xs-2 introduce-student" style="background-color: #FFFFFF;">
					<div class="course-intorduce-student">
						<span>学员动态</span>
						<span>--</span>
					</div>
					<br />
					<div class="row" style="border-top: 1px solid #F0F0F0;"></div>
					<br />
					<div class="row">
						<p>
							laloul喽
							<span style="color: #A0A0A0; font-size: 14px;">开始学习</span>
							<span style="color: #00925D; font-size: 14px;">A -Level数学公开课</span>
						</p>
						<p>
							laloul喽
							<span style="color: #A0A0A0; font-size: 14px;">开始学习</span>
							<span style="color: #00925D; font-size: 14px;">A -Level数学公开课</span>
						</p>
						<p>
							laloul喽
							<span style="color: #A0A0A0; font-size: 14px;">开始学习</span>
							<span style="color: #00925D; font-size: 14px;">A -Level数学公开课</span>
						</p>
						<p>
							laloul喽
							<span style="color: #A0A0A0; font-size: 14px;">开始学习</span>
							<span style="color: #00925D; font-size: 14px;">A -Level数学公开课</span>
						</p>
						<p>
							laloul喽
							<span style="color: #A0A0A0; font-size: 14px;">开始学习</span>
							<span style="color: #00925D; font-size: 14px;">A -Level数学公开课</span>
						</p>
						<p>
							laloul喽
							<span style="color: #A0A0A0; font-size: 14px;">开始学习</span>
							<span style="color: #00925D; font-size: 14px;">A -Level数学公开课</span>
						</p>
						<p>
							laloul喽
							<span style="color: #A0A0A0; font-size: 14px;">开始学习</span>
							<span style="color: #00925D; font-size: 14px;">A -Level数学公开课</span>
						</p>
						<p>
							laloul喽
							<span style="color: #A0A0A0; font-size: 14px;">开始学习</span>
							<span style="color: #00925D; font-size: 14px;">A -Level数学公开课</span>
						</p>
						<p>
							laloul喽
							<span style="color: #A0A0A0; font-size: 14px;">开始学习</span>
							<span style="color: #00925D; font-size: 14px;">A -Level数学公开课</span>
						</p>
					</div>
				</div>
			</div>
			<br />
			<br />
			<br />
			<br />

			<script src="../js/course-content.js" type="text/javascript"></script>

	</body>
</html>
